<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ include file="/common/taglibs.jsp" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>查询</title>

    <%@ include file="/common/util.jsp" %>
    <script type="text/javascript" src="${cdnctx }/src/statistics/countmany.js"></script>
    <script type="text/javascript" src="${cdnctx }/src/statistics/date.js"></script>
    <script type="text/javascript">
        function printdiv() {
            window.open('countmanypreview.shtml?' + $.param($("#countForm").serializeObject()));
        }
    </script>
</head>
<body class="main">
<div class="-frame -style -luster" id="css_container">

    <!--首页框架页眉部分↓-->
    <%@ include file="/WEB-INF/pages/inc/header.jsp" %>
    <!--首页框架页眉部分↑-->

    <div class="content">
        <!-- Left导航菜单◎开始 -->
        <%@ include file="/WEB-INF/pages/inc/leftmenu.jsp" %>
        <!-- Left导航菜单◎结束 -->
        <input type="hidden" class="form-control" id="sessionCustomerName" value="${customername }">

        <div class="main-mid">
            <div class="pos"><img src="${cdnctx}/src/index/img/index.png"><a href="">数据报表 ></a><a href="#">多店能源分析</a>
            </div>
            <form class="form-inline" style="min-width:700px;margin-left: 20px;margin-top: 20px;" id="countForm"
                  action="${cdnctx}/count/excuteCountMany.shtml" method="post">
                <label class="search_text">开始日期：</label>
                <input type="text" value="${countModel.startDate}" style="cursor: pointer;" readOnly
                       class="search_input Wdate" id="startDate" name="startDate"
                       onfocus="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd'})">
                <label class="search_text">结束日期：</label>
                <input type="text" value="${countModel.endDate}" style="cursor: pointer;" readOnly
                       class="search_input Wdate" id="endDate" name="endDate"
                       onfocus="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd'})">
                &nbsp;&nbsp;<input type="radio" name="shortcut" onclick="getlastweek()"/>前一周
                &nbsp;&nbsp;<input type="radio" name="shortcut" onclick="getlastmonth()"/>前一月
                <br/>

                <div style="margin-top: 10px">
                    <label class="search_text">省:</label>
                    <select class="search_select" id="province" name="province"
                            onchange="areaChange(this,'city','district')">
                        <option value="">请选择</option>
                        <c:forEach items="${provinces}" var="province">
                            <option value="${province}" >${province}</option>
                        </c:forEach>
                    </select>
                    &nbsp;&nbsp;
                    <label class="search_text">市:</label>
                    <select class="search_select"
                            onchange="areaChange(this,'district','district')" id="city" name="city">
                            <option value="">请选择</option>
                    </select>
                    &nbsp;&nbsp;
                    <label class="search_text">区:</label>
                    <select class="search_select" id="district" name="district">
                                <option value="">请选择</option>
                    </select>
                    &nbsp;&nbsp;
                    <label class="search_text">人数：</label>
                    <select class="search_select" id="personel" name="personel">
                        <option value="">请选择 </option>
                        <c:forEach items="${personel}" var="person">
                            <option value="${person}" >${person}</option>
                        </c:forEach>
                    </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <label class="search_text">面积：</label>
                    <select class="search_select" id="acreage" name="acreage">
                        <option value="">请选择</option>
                        <c:forEach items="${acreage}" var="area">
                            <option value="${area}">${area}</option>
                        </c:forEach>
                    </select>
                    &nbsp;&nbsp;
                    <input type="button" class="search_btn" id="searchEnergy" value="查&nbsp;询"/>
                    <input type="button" class="reset_btn" onclick="printdiv()" value="打&nbsp;印"/>
                </div>
            </form>
            <div class="detailDiv" id="maindata">
                <br/>
                    <div class="even" style="color:red"  id="nodatas">
                        <div class="no-data" style="height: 280px;"></div>
                    </div>
                <table class="list_table" id="counttable">
                        <thead>
                        <tr>
                            <td colspan="6" style="text-align: left">
                                &nbsp;&nbsp; 基础数据
                            </td>
                        </tr>
                        </thead>
                        <tr id="countcompanycode">
                            <td>番号</td>
                        </tr>
                        <tr id="countcustomername">
                            <td>名称</td>
                        </tr>
                        <tr id="countemployeenum">
                            <td>人数</td>
                        </tr>
                        <tr id="countsquare">
                            <td>面积(m²)</td>
                        </tr>
                        <tr id="countstreet">
                            <td>地址</td>
                        </tr>
                        <thead>
                        <tr>
                            <td colspan="6" style="text-align: left">
                                &nbsp;&nbsp; 能源数据
                            </td>
                        </tr>
                        </thead>
                        <tr id="countrealpower">
                            <td>耗电量(度)</td>
                        </tr>
                    <tr id="countlightpower">
                        <td>灯具耗电量(度)</td>
                    </tr>
                    <tr id="countairpower">
                        <td>空调耗电量(度)</td>
                    </tr>
                    <tr id="countunitsquare">
                        <td>单位面积能耗(度/m²)</td>
                    </tr>
                    <tr id="countunitperson">
                        <td>单位人均能耗(度/人)</td>
                    </tr>
                    </table>
                    <br style="clear:both;">
            </div>
        </div>

    </div>
    <!--首页框架页尾部分↓-->
    <%@ include file="/WEB-INF/pages/inc/footer.jsp" %>
    <!--首页框架页尾部分↑-->
</div>
</body>
</html>